<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html lang="pt-BR">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Etp.css">

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
	<link rel="icon" href="favicon.ico" type="image/x-icon">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>E.T. Projeto</title>
    
    <script type="text/javascript" language="javascript">
    </script>
  </head>

  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
 
    <script type="text/javascript" src="etp/etp.nocache.js"></script>

	<div id="user_menu">
		<a id="menuLogin" class="MenuItem"></a>
		<!--<div id="menuAbout" class="MenuItem">Sobre</div>-->
		<a href="http://code.google.com/p/et-projetos/" target="_blank" id="menuHelp" class="MenuItem">Ajuda</a>
		<!-- <a id="menuSetup" class="MenuItem">Configurações</a> -->
		<div id="projectSelector" class="MenuItem CMBItem"></div>
		<div id="userMail" class="UserMail MenuItem"></div>
		<div style="clear:both"></div>
	</div>
	
	<div id="header">
	    <img id="icon" alt="E.T.P" src="images/etp.png"/>
		<div id="title">
			E.T. Projeto
			<div style="font-size:7pt">ESCALONADOR DE TAREFAS</div> 
		</div>
	</div>
	
	<div id="menu">
		<div id="tarefasButton" onclick="changeSection('tarefas')" class="MenuItem">
			<img src="images/task.gif"/>
			Tarefas
		</div>
		<div id="recursosButton" onclick="changeSection('recursos')" class="MenuItem">
			<img src="images/resource.png"/>
			Desenvolvedores
		</div>
		<div id="calendariosButton" onclick="changeSection('calendarios')" class="MenuItem">
			<img src="images/apontamento.png"/>
			Apontamentos
		</div>
		<div id="projetosButton" onclick="changeSection('projetos')" class="MenuItem">
			<img src="images/calendar.png"/>
			Projetos
		</div>
		<div style="clear:both"></div>
	</div>
	
   	<div id="content">
   		<div id="intro_loader">
   			<img src="images/intro_loader.gif"/>
   			Carregando, aguarde...
   		</div>
   	
   	</div>
   	
   	<div id="footer">
   		<center>
   		<img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif" alt="Powered by Google App Engine" />
   		</center>
   	</div>
    
  </body>
</html>
